<!DOCTYPE html>
<html>
	{include file="public/header" /}
	<link href="/dist/css/zoomify.min.css" rel="stylesheet">
	<body>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
			<legend>用户详情</legend>
		</fieldset>
		<div class="layui-tab">
			<ul class="layui-tab-title">
				<!--<li class="layui-this">会员信息</li>-->
				<li class="layui-this">订单信息</li>
				<li>身份认证</li>
				<li>手机认证</li>
				<li>社交认证</li>
				<li>银行卡认证</li>
				<li>订单记录</li>
				<li>催收记录</li>
				<li>通讯录</li>
				<li>通话记录</li>
				<li>通话排行</li>
				
				
			</ul>
			<div class="layui-tab-content">
				<!--基本信息-->
				<!--<div class="layui-tab-item layui-show">
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>真实姓名：<span id="userRealName">{$mem_info.TrueName}</span></td>
								<td>ID：<span id="userRealName">{$mem_info.ID}</span></td>
							</tr>
							<tr>
								<td>注册手机：<span id="userPhone">{$mem_info.Mobile}</span></td>
								<td>会员状态：<span id="type">{$mem_info.Status}</span></td>
							</tr>

							<tr>
								<td>注册时间：<span id="gmt">{$mem_info.RegTime}</span></td>
								<td>最后登录时间<span>{$mem_info.LoginTime}</span></td>
							</tr>
						</tbody>
					</table>
				</div>-->
				<!--订单信息-->
				<div class="layui-tab-item layui-show">
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>订单号：<span id="userRealName">{$applylist_data.OrderSn}</span></td>
								<td>催收人：<span id="userRealName">{$applylist_data.cuishourenID}</span></td>
							</tr>
							<tr>
								<td>真实姓名：<span id="userPhone">{$applylist_data.TrueName}</span></td>
								<td>手机号码：<span id="type">{$applylist_data.Mobile}</span></td>
							</tr>
							<tr>
								<td>申请时间：<span id="gmt">{$applylist_data.ApplyTime}</span></td>
								<td>申请金额：<span>{$applylist_data.ApplyMoney}</span></td>
							</tr>
							<tr>
								<td>到账金额：<span id="gmt">{$applylist_data.AdoptMoney}</span></td>
								<td>打款方式:<span>{$applylist_data.pay}</span></td>
							</tr>
							<tr>
								<td>放款时间：<span id="gmt">{$applylist_data.OpenTime}</span></td>
								<td>放款流水:<span>{$applylist_data.OutTradeNo}</span></td>
							</tr>
							<tr>
								<td>订单应还：<span id="gmt">{$applylist_data.dingdan_yinghuan_money}</span></td>
								<td>逾期天数:<span>{$applylist_data.datas}</span></td>
							</tr>
							<tr>
								<td>逾期率：<span id="gmt">{$applylist_data.yuqililv}</span></td>
								<td>逾期费用:<span>{$applylist_data.fakuan}</span></td>
							</tr>
							<tr>
								<td>订单周期：<span id="gmt">{$applylist_data.ApplyDay}</span></td>
								<td>应还减免:<span>{$applylist_data.jianmian_money}</span></td>
							</tr>
							<tr>
								<td>部分已还：<span id="gmt">{$applylist_data.bufen_money}</span></td>
								<td>目前应还:<span>{$applylist_data.muqian_yinghuan_money}</span></td>
							</tr>
							<tr>
								<td>展期次数：<span id="gmt">{$applylist_data.xjnums}</span></td>
								<td>展期总额:<span>{$applylist_data.xjnums_money}</span></td>
							</tr>
							<tr>
								<td>还款金额：<span id="gmt">{$applylist_data.huankuan_mpney}</span></td>
								<td>还款方式:<span>{$applylist_data.payCome}</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--身份证认证-->
				<div class="layui-tab-item">
					<!--<legend style="color: #0092DC">认证照片</legend>-->
					<table width="100%" border="0" cellpadding="3" cellspacing="0" class="EditTable EditTableMax">
						<tbody>
							<tr>
								<td colspan="3">
									<table width="100%" border="0" cellpadding="3" cellspacing="0">
										<tr>
											<td>正面:</td>
											<td>
												<img class="myImage1" src="{$renzen_cards.CardFace}" style="width:180px;height:120px;" />
											</td>
											<td>反面:</td>
											<td>
												<img class="myImage1" src="{$renzen_cards.CardSide}" style="width:180px;height:120px;" />
											</td>
											<td>手持照:</td>
											<td>
												<img class="myImage1" src="{$renzen_cards.Cardschi}" style="width:180px;height:120px;" />
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>身份证姓名：<span id="userRealName">{$renzen_cards.Name}</span></td>
								<td>认证状态：<span id="type">{$renzen_cards.Status}</span></td>
							</tr>
							<tr>

								<td>身份证号码：<span id="type">{$renzen_cards.IDCard}</span></td>
								<td>姓别：<span id="type">{$Yddatas.gender}</span></td>
							</tr>
							<tr>
                                <td>有效期限：<span id="type">{$Yddatas.validity_period}</span></td>
								
								<td>签发机构：<span id="type">{$Yddatas.issuing_authority}</span></td>
							</tr>
							<tr>
								<td>认证日期：<span id="type">{$renzen_cards.RenzTime}</span></td>
								<td>商户订单号：<span id="type">{$Yddatas.id_number}</span></td>
							</tr>
							
						</tbody>
					</table>
					<a style="color: green; font-size: 40px;" href="{$renzen_mobile.url}">点我查看有盾报告</a>
				</div>
<!--手机认证-->
				<div class="layui-tab-item">
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>手机号姓名：<span id="userRealName">{$renzen_mobile.ZUserName}</span></td>
								<td>认证状态：<span id="type">{$renzen_mobile.Status}</span></td>
							</tr>
							<tr>
								<td>手机号码：<span id="type">{$renzen_mobile.mobile}</span></td>
								<td>认证时间：<span id="type">{$renzen_mobile.RenzTime}</span></td>
							</tr>
						</tbody>
					</table>
					<a style="color: green; font-size: 40px;" href="{$renzen_mobile.urlyunyingshang}">点我查看运营商报告</a>
					</br>
					<a style="color: green; font-size: 40px;" href="{$renzen_mobile.url}">点我查看资信报告</a>
				</div>
				
				<!--社交认证-->
				<div class="layui-tab-item">
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>婚姻状况：<span id="userRealName">{$renzen_social.marry}</span></td>
								<td>学历：<span id="userRealName">{$renzen_social.xueli}</span></td>
								<td>认证状态：<span id="userRealName">{$renzen_social.Status}</span></td>
							</tr>
							<tr>
								<td>地址：<span id="userRealName">{$renzen_social.address}</span></td>
								<td>详细地址：<span id="userRealName">{$renzen_social.ad_detail}</span></td>
								
							</tr>
							<tr>
								<td>联系人1：<span id="gmt">{$renzen_social.person_one}</span></td>
								<td>电话：<span id="gmt">{$renzen_social.person_one_mobile}</span></td>
								<td>关系：<span id="gmt">{$renzen_social.r1}</span></td>
							</tr>
							<tr>
								<td>联系人2：<span id="gmt">{$renzen_social.person_two}</span></td>
								<td>电话：<span id="gmt">{$renzen_social.person_two_mobile}</span></td>
								<td>关系：<span id="gmt">{$renzen_social.r2}</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--银行卡认证-->
				<div class="layui-tab-item">
					<table class="layui-table" lay-even lay-skin="nob">
						<tbody>
							<tr>
								<td>卡号：<span id="userRealName">{$renzen_bank.BankNo}</span></td>
								<td>手机号：<span id="userRealName">{$renzen_bank.YMobile}</span></td>
							</tr>
							<tr>
								<td>银行名称：<span id="userPhone">{$renzen_bank.BankName}</span></td>
								<td>认证状态：<span id="type">{$renzen_bank.Status}</span></td>
							</tr>

							<tr>
								<td>认证时间：<span id="gmt">{$renzen_bank.RenzTime}</span></td>
								<td>登录时间<span>{$renzen_bank.RenzTime}</span></td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--订单管理-->
				<div class="layui-tab-item">
					<div class="layui-fluid">
						<div class="layui-card">
							<div class="layui-card-body">
								<table id="LAY-user-manage_dingdan" lay-filter="LAY-user-manage_dingdan"></table>
								<script type="text/html" id="table-useradmin-webuser">
								<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="zhuanqi_list"><i class="layui-icon layui-icon-search"></i>查看展期记录</a>
								<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="huankuan_list"><i class="layui-icon layui-icon-dollar"></i>查看还款记录</a>
								</script>
							</div>
						</div>
					</div>
				</div>
				<!--催收记录-->
				<div class="layui-tab-item">
					<div class="layui-fluid">
						<div class="layui-card">
							<div class="layui-card-body">
								<table id="LAY-user-manage_cuishou_jilu" lay-filter="LAY-user-manage"></table>
							</div>
						</div>
					</div>
				</div>
				<!--通寻录-->
				
				<div class="layui-tab-item">
					<div class="layui-form layui-card-header layuiadmin-card-header-auto">
					<div class="layui-form-item">
						            {include file="public/sorchtongxulu" /}
						<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
			              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			            </button>
						</div>
					</div>
				</div>
					<div class="layui-fluid">
						<div class="layui-card">
							<div class="layui-card-body">
								<table id="LAY-user-manage_tongxunlu" lay-filter="LAY-user-manage"></table>
							</div>
						</div>
					</div>
				</div>
				<!--通话记录-->
				<div class="layui-tab-item">
					<div class="layui-fluid">
						<div class="layui-card">
							<div class="layui-card-body">
								<table id="LAY-user-manage_tonghuajilu" lay-filter="LAY-user-manage"></table>
							</div>
						</div>
					</div>
				</div>
				
				<!--通话排行-->
				<div class="layui-tab-item">
					<div class="layui-fluid">
						<div class="layui-card">
							<div class="layui-card-body">
								
								<table id="LAY-user-manage_tonghuapm" lay-filter="LAY-user-manage"></table>
							</div>
						</div>
					</div>
				</div>
				
				{include file="public/footer" /}
				<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
				<script src="/dist/js/zoomify.min.js"></script>
				<script>
					$('.myImage1').zoomify();
				</script>
				<script>
					layui.use(['index', 'table', 'laydate', 'element'], function() {
						var $ = layui.$,
							form = layui.form,
							table = layui.table,
							laydate = layui.laydate;

						laydate.render({
							elem: '#time1' //指定元素
						});
						laydate.render({
							elem: '#time2' //指定元素
						});
						//						订单记录
						table.render({
							elem: '#LAY-user-manage_dingdan',
							even: true, //开启隔行背景
							url: "{:url('admin/orderhuankuan/get_list_dingdan')}?ID=" + "{$mem_info.ID}",
							toolbar: '#test-table-toolbar-toolbarDemo',
							title: '用户数据表',
							cols: [
								[
									{
										type: 'numbers',
										title: '排序',
										width: 40,
										fixed: 'left',
										unresize: true,
									},
									{
										field: 'OrderSn',
										title: '订单编号',
										width: 180,
									},
									{
										field: 'LoanStatus',
										title: '状态',
										width: 80,
									},
									{
										field: 'ApplyMoney',
										title: '订单金额',
										width: 100,
									},
									{
										field: 'ApplyDay',
										title: '期限',
										width: 60,
									},
									{
										field: 'AdoptMoney',
										title: '到账金额',
										width: 100,
									},
									{
										field: 'fakuan',
										title: '应还罚息',
										width: 100,
									},
									{
										field: 'ApplyMoney',
										title: '到期应还',
										width: 100,
									},
									{
										field: 'OpenTime',
										title: '放款时间',
										width: 160,
									},
									{
										field: 'YyFkTime',
										title: '预约还款时间',
										width: 160,
									},
									{
										field: 'SjFkTime',
										title: '实际还款时间',
										width: 160,
									},
									{
										field: 'bufenhuankuan',
										title: '部分还款',
										width: 100,
									},

									{
										field: 'bufenhuankuan_num',
										title: '次数',
										width: 80,
									},

									{
										field: 'huankuan_typr',
										title: '还款类型',
										width: 100,
									},
									{
										field: 'datas',
										title: '逾期天数',
										width: 100,
									},
									{
										field: 'xjnums_status',
										title: '是否展期',
										width: 100,
									},

									{
										field: 'xjnums',
										title: '展期次数',
										width: 100,
									},
									{
										field: 'Jktime',
										title: '(总)借款次数',
										width: 120
									},
									{
										fixed: 'right',
										title: '操作',
										toolbar: '#table-useradmin-webuser',
										width: 250
									}
								]

							],
							page: true
						});
//						催收记录
						table.render({
							elem: '#LAY-user-manage_cuishou_jilu',
							even: true, //开启隔行背景
							url: "{:url('admin/order/get_list_cuishou_jilu')}?ID=" + "{$applylist_data.ID}",
							toolbar: '#test-table-toolbar-toolbarDemo',
							title: '用户数据表',
							cols: [
								[{
										type: 'numbers',
										title: '排序',
										width: 40,
										fixed: 'left',
										unresize: true,
									},
									{
										field: 'RoleID',
										title: '备注人角色',
										width: 160,
									},
									{
										field: 'adminID',
										title: '备注人',
										width: 160,
									},
									{
										field: 'Create_time',
										title: '备注时间',
										width: 160,

									},
									{
										field: 'beizhu',
										title: '备注内容',
										width: 500,
									}
									
								]
							],
							page: true
						});
						
						//	通讯录
						table.render({
							elem: '#LAY-user-manage_tongxunlu',
							even: true, //开启隔行背景
							url: "{:url('admin/order/get_list_tongxunlu')}?ID=" + "{$mem_info.ID}",
							toolbar: '#test-table-toolbar-toolbarDemo',
							title: '用户数据表',
							cols: [
								[{
										type: 'numbers',
										title: '排序',
										width: 40,
										fixed: 'left',
										unresize: true,
									},
									{
										field: 'contact_name',
										title: '姓名',
										width: 160,
									},
									{
										field: 'contact_phone',
										title: '通信电话',
										width: 160,

									},
									{
										field: 'sums',
										title: '次数',
										width: 160,
									},
									
									{
										field: 'updatetime',
										title: '更新时间',
										width: 160,

									},
									
									
								]
							],
							page: true
						});
						//						通话记录
						table.render({
							elem: '#LAY-user-manage_tonghuajilu',
							even: true, //开启隔行背景
							url: "{:url('admin/order/get_list_tonghuajilu')}?ID=" + "{$mem_info.ID}",
							toolbar: '#test-table-toolbar-toolbarDemo',
							title: '用户数据表',
							cols: [
								[{
										type: 'numbers',
										title: '排序',
										width: 40,
										fixed: 'left',
										unresize: true,
									},
									{
										field: 'peer_number',
										title: '通信号码',
										width: 160,
									},
									{
										field: 'time',
										title: '通信时间',
										width: 160,

									},
									{
										field: 'duration',
										title: '通话时长/秒',
										width: 160,
									},
									{
										field: 'location',
										title: '通话地点',
										width: 120,

									},
									{
										field: 'fee',
										title: '通话费用',
										width: 175,

									},
									{
										field: 'duration',
										title: '流量使用时长',
										width: 160,

									},
								]
							],
							page: true
						});
						
						//监听搜索
				form.on('submit(LAY-user-front-search)', function(data) {
					var field = data.field;

					//执行重载
					table.reload('LAY-user-manage_tongxunlu', {
						where: field
					});
				});

//												通话排行
						table.render({
							elem: '#LAY-user-manage_tonghuapm',
							even: true, //开启隔行背景
							url: "{:url('admin/order/get_list_tonghuapm')}?ID=" + "{$mem_info.ID}",
							toolbar: '#test-table-toolbar-toolbarDemo',
							title: '用户数据表',
							cols: [
								[{
										type: 'numbers',
										title: '排序',
										width: 40,
										fixed: 'left',
										unresize: true,
									},
									{
										field: 'name',
										title: '姓名',
										width: 160,
									},
									{
										field: 'peer_num',
										title: '通信电话',
										width: 160,

									},
									{
										field: 'city',
										title: '号码归属地',
										width: 160,
									},
									{
										field: 'call_cnt_6m',
										title: '通话次数(最近6个月)',
										width: 160,

									},
									{
										field: 'updatetime',
										title: '更新时间',
										width: 160,

									},
									
									
								]
							],
							page: true
						});
						
						

						//监听工具条
				table.on('tool(LAY-user-manage_dingdan)', function(obj) {
//					LAY-user-manage_dingdan
					var data = obj.data;
					if(obj.event === 'zhuanqi_list') {
						layer.open({
							type: 2,
							title: '展期记录',
							content: 'zhanqi_list.html?ID=' + data.ID,
							area: ['90%', '90%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {}
						});
					} else if(obj.event === 'huankuan_list') {
						layer.open({
							type: 2,
							title: '还款记录',
							content: 'huankuan_list.html?ID=' + data.ID,
							area: ['90%', '90%'],
							btn: ['确定', '取消'],
							yes: function(index, layero) {}
						});
					} 
				});
						$('.layui-btn.layuiadmin-btn-useradmin').on('click', function() {
							var type = $(this).data('type');
							active[type] ? active[type].call(this) : '';
						});
					});
				</script>

	</body>

</html>